<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <link type="text/css" rel="stylesheet" th:href="@{/static/index/css/login.css}" />
</head>

<body>
    <div class="list" style="height: 500px;">
        <h1>注册</h1>
        <span>已有账号？转去<a th:href="@{/join/after/login}">登录</a>，或返回<a th:href="@{/index}">主页</a></span>
        <hr />

        <form action="/toregister" method="post">
            <!-- 表单开始行 -->
            <input type="hidden" name="target" value="join">
            <p>
                <label for="username"><i style="background-image: url(/static/index/images/username.png)"></i></label>
                <!-- 账号行 -->
                <input type="text" name="username" id="username" class="put" placeholder="请输入用户名" maxlength="10" />
                <span class="error">*</span>
            </p>
            <p>
                <!-- 密码行 -->
                <label for="password"><i style="background-image: url(/static/index/images/password.png)"></i></label>
                <input type="password" name="password" id="password" class="put" placeholder="请输入密码" maxlength="15" onblur="checkPwd()" />
                <span class="error">*</span>
            </p>
<!--            <p>-->
<!--                <label for="repwd"><i style="background-image: url(/static/index/images/password2.png);"></i></label>-->
<!--                <input type="password" id="repwd" class="put" maxlength="15" placeholder="请再次输入密码" onblur="checkRePwd()" />-->
<!--                <span class="error">*</span>-->
<!--            </p>-->
            <!-- 隐藏的密码框 -->
            <input type="hidden" name="password" />
            <p>
                <label for="email"><i style="background-image: url(/static/index/images/email.png)"></i></label>
                <input type="text" name="email" id="email" class="put" maxlength="20" placeholder="请输入邮箱" onblur="checkEmail()" />
                <span class="error">*</span>
            </p>
            <p>
                <input type="submit" value="注册" />
                <input type="reset" value="重置" />
            </p>
        </form>
    </div>

    <div id="errorTips" onclick="hideError()">
        <p>注册失败！</p>
    </div>
</body>

</html>